/* 导航键 */
.daohang {
	width: 10vw;
	height:auto;
	position: fixed;
	left: 5%;
	top: 5%;
	z-index: 8887
}
.box {
	margin: 0vw auto;
	width: 3vw;
	height: 3vw;
	background: #f00;
	border-radius: 100%;
	cursor: pointer;
	fitter: opacity(60);
	opacity: 0.6;
	z-index: 8887;
}
.box-box{
	margin: 0vw auto;
	width: 3vw;
	height: 3vw;
	background: #f00;
	border-radius: 100%;
	cursor: pointer;
	fitter: opacity(60);
	opacity: 0.6;
	z-index: 8887;
	background: #1C26F1;
	transform: rotate(45deg);
}
.box:hover {
	background: #1C26F1;
	transform: rotate(45deg);
	transition: background 1s, transform 2s;
	z-index: 8888;
}
#button1 {
	text-align: center;
	color: #eee;
	font-size: 3vw;
	line-height: 3vw;
	width: 100%;
	height: 100%;
	z-index: 8887;
}
#Div1 {
	margin: 0vw auto;
	width: 7vw;
	height: 15vw;
	background: #000;
	fitter: opacity(60);
	opacity: 0.6;
	z-index: 8887;
}
.box7 a{
	width: 7vw;
	height:2vw;
}
#qq{
	width:7vw;
	height:2vw;
	background: url(../pic/iconfont-QQ.png) center no-repeat;
	background-size: auto 2vw;
}
.box1,.box2 ,.box3,.box4,.box5 ,.box6,.box7{
	width: 7vw;
	height: 2vw;
	margin-top: 0.2vw;
	font-size:1.5vw;
	text-align: center;
	color: #fff;
}
.box1:hover, .box2:hover, .box3:hover,.box4:hover, .box5:hover,.box6:hover, .box7:hover {
	width: 7vw;
	height: 2vw;
	background: #00f;
	transition: background 0.5s;
}
